<template>
  <section style="display: flex;justify-content: center;">
    <section>
      <section style="display: flex;justify-content: flex-end;padding-right: 14px;">
        <section style="display: flex;align-items: center;">
          <section style="flex-shrink: 0;margin-left: 5px;">
            <section
              style="box-sizing:border-box;width: 8px;height: 18px;border-radius: 15px;background-color: #f07a71;border: 2px solid #ffffff;">
            </section>
          </section>
          <section style="flex-shrink: 0;margin-left: 5px;">
            <section
              style="box-sizing:border-box;width: 8px;height: 18px;border-radius: 15px;background-color: #f07a71;border: 2px solid #ffffff;">
            </section>
          </section>
        </section>
      </section>
      <section
        style="background-color: #84c3e9;font-size: 16px;color: #ffffff;text-align: center;letter-spacing: 1.5px;padding: 10px 25px;margin-top: -7px;">
        <strong class="135brush" data-brushtype="text">{{title}}</strong>
      </section>
    </section>
  </section>
</template>

<script>
  export default {
    data() {
      return {
        title: ""
      }
    },
    created() {
      this.title = this.$attrs.title
    }
  }
</script>

<style>
</style>
